<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div {
				/* border-width: 1px;
				border-style: solid;
				border-color: orange; */
				width: 200px;
				height: 200px;
				border: 1px solid orange;
			}

			/* 圆角 */
			#d2 {
				/* 四个角 top-left top-right bottom-right bottom-left*/
				/* border-radius: 50px; */
				/* 四个角 top-left bottom-right top-right bottom-left*/
				/* border-radius: 50px 20px; */
				/* 四个角 top-left top-right bottom-left bottom-right */
				border-radius: 50px 20px 10px;
			}

			/* 圆角 */
			#d3 {
				border-radius: 100px;
			}

			/* 阴影 */
			#d1 {
				/* 水平偏移 垂直偏移 模糊距离 阴影大小 阴影颜色*/
				box-shadow: 2px 2px 1px 1px #ff00ff;
			}
		</style>
	</head>
	<body>
		<div id="d1">博为峰</div>
		<div id="d2">学掌门</div>
		<div id="d3">29期</div>
	</body>
</html>
